import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import store from './store/index'; // 导入一个全局共享的store 传统模式
// import  {  store } from './store/storebyrtk'; // 导入一个通过rtk configureStore创建的store对象


// 从react-redux当中引入一个Provider组件 通过这个组件想全局供应一个store对象
import { Provider } from 'react-redux'; 

// 现在如果直接使用cra(create-react-app) 创建的项目默认使用的是react 18版本
//  所以创建项目的方式 由  ReactDOM.render(内容 ，挂载节点 )   改成了下面的方式

const root = ReactDOM.createRoot(document.getElementById('root'));  // 指定一个节点作为挂载节点
// 在这个节点上渲染 内容
// 默认的情况下 使用 React.StrictMode严格模式来渲染所有的内容 。建议去掉
// 在webpack当中可以直接使用   <App />  <=>  <App></App>
root.render( 
    <Provider store={store}>
        <App />
    </Provider>
  );

// 下面这个 是统计信息  可以忽略，建议保留
reportWebVitals();
